@charset "utf-8";
/* CSS Document */
.menu-btn{ height:80px;  width:25px;cursor:pointer; position:fixed; right:3%; top:0; display:none; }
.menu-btn span{display:block; height:2px; width:25px; background:#333; margin-bottom:5px}
.menu-btn .line1{ margin-top:36px}
.m-menu{ width:100%; height:100%; background:rgba(0,0,0,0.85); color:#f5f5f5; z-index:9999; position:fixed; text-align:center; display:none; left:0; top:0}
.m-menu .closed{ width:22px; height:22px; background:url(../images/closew.png) no-repeat; position:absolute; right:5%; top:5%; cursor:pointer;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s; transition:.5s;}
.m-menu li a{ color:#f5f5f5; font-size:20px; line-height:40px; display:block}
.m-menu li.first a{ display:inline-block}
.m-menu li.last form {width: 80%;margin:25px auto;max-width: 360px;position:relative; z-index:99;}
.m-menu li.last form #searchInput {background: #FFF;-webkit-box-flex: 1;-ms-flex: 1;flex: 1;height: 40px;width: calc(100% - 84px);-webkit-box-sizing: border-box;box-sizing: border-box;padding-left: 10px;border-radius: 0; border:none}
.m-menu li.last form #searchBtn {width: 80px;height: 40px;background: #0093dc;color: #FFF;margin-left: -3px; border:none; border-radius:0}



.m-menu ul{ position:absolute; top:40%; margin-top:-180px;width:100%;}
.m-menu .closed:hover{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg); transform:rotate(180deg);}
.m-foot{ position:fixed; width:100%; height:55px; left:0; bottom:0;background:#0093dc; color:#fff; display:none; z-index:1500}
.m-foot li{ float:left; width:33.3%; text-align:center;}
.m-foot li a{ color:#fff; font-size:12px; display:block;}
.m-foot li.li2 a{ background:url(../images/kf-emails.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li3 a{ background:url(../images/fltel.png) no-repeat center 5px; padding-top:25px}
.m-foot li.li4 a{ background:url(../images/right_pic6.png) no-repeat center 3px; padding-top:25px}
.m-foot li.li2 a span{display: block;}


.phshow{ display:none !important}
.pcshow{ display: block !important}

@media screen and (max-width:1700px){
.iproducts .swiper-container{ margin-left:10%}
.iabout .wrap{margin-left:10%;}
.iproducts .swiper-slide{ margin-top:60px;}
.iabout .kuai01 .text{padding: 50px 50px 30px 50px;}
.iabout .kuai02 .text{ float:left; padding:0 50px 30px 50px;}
.footer li p{ font-size:15px;}
.title h4{font-size:36px; line-height:36px;}
.nbanner .text h3{font-size:40px; line-height:40px;margin-bottom:5px;}
.nbanner img{ width:110%; margin-left:-5%;}
.single-product-top .swiper-button-next, .single-product-top .swiper-button-prev{bottom: 2%;}
}


@media screen and (max-width:1650px){
.top .use .search a{background:url(../images/fdj.png) no-repeat center center; background-size:20px auto;}
.wrap{ width:84%;}
.iproducts .swiper-container{ margin-left:8%}
.iabout .wrap{margin-left:8%;}
.iproducts .swiper-slide .text h3{ font-size:20px;}
.iproducts .swiper-slide .text{padding: 15px 20px 25px 20px;}

.section{ padding:70px 0 80px 0;}
.sectionpre{ padding-top:70px;}
.sectionnext{ padding-bottom:80px;}
.iabout.section{ padding:120px 0;}
.title { margin-bottom:30px;}

.iproducts .swiper-button-prev, .iproducts .swiper-button-next{ width:25px; height:20px; }
.iproducts .swiper-button-prev{ left:calc(75% - 65px); }
.iproducts .swiper-button-next{ left:calc(75% - 25px); }
.iproducts .swiper-slide{ margin-top:50px;}

.banner .text h3{ width:55%; font-size:55px;line-height:55px;}
.banner .text h4{ width:55%;font-size:28px;}
.banner .text p{ width:55%; font-size:28px; }

.nmain .pnav{ float:left; width:230px;}
.nmain .plists{ float:right; width:calc(96% - 230px);}
.single-product-top .swiper-button-next, .single-product-top .swiper-button-prev{bottom: 1.5%;}
.nmain .pdetail{ float:right; width:calc(96% - 230px);}
.single-product-top .wenzi{padding: 30px 0;}
}

@media screen and (max-width:1440px){
.top{ line-height:40px; height:40px}	
.top .use .search a{ height:40px;}	
.header{ top:40px;}
.space { height: 120px;}
#a01, #a02, #a03, #a04, #a05{ margin-top:-120px;}

.banner .text h3{ width:60%; font-size:50px;line-height:50px;}
.banner .text h4{ width:60%;font-size:24px;}
.banner .text p{ width:60%; font-size:24px; }
.nbanner img{ width:120%; margin-left:-10%;}

.single-product-top .protitle h3{ font-size:22px;}
.single-product-top .wenzi .intro{ font-size:16px; line-height:30px;}
.single-product-top .wenzi .pmail{ line-height:55px; font-size:16px;}
.single-product-top .wenzi .use .zixun{ width:160px; height:40px; line-height:40px;  }
.single-product-top .wenzi .use .zixun a{ padding-left:30px; font-size:16px;background: url(../images/xunjia.png) #0093dc no-repeat 22% center;}
.single-product-top .wenzi .use .lianxi{ width:160px; height:40px; line-height:40px; margin-left:10px;}
.single-product-top .wenzi .use .lianxi a{ padding-left:30px; font-size:16px; background: url(../images/lianxi.png) #003c77 no-repeat 22% center;}
.single-product-top .swiper-button-next, .single-product-top .swiper-button-prev{ bottom:0.5%}
.single-product-top .swiper-button-next:after, .single-product-top .swiper-button-prev:after{ font-size:20px;}

.nnews .newskuai .text h3{ font-size:18px; margin:10px 0 8px 0;}

.nprodowm{ margin-top:60px;}
.nprodowm .item a{ font-size:24px; line-height:90px;}
.nprodowm .item a span{ display:inline-block; position:relative; padding-left:42px;}
.nprodowm .item a span i{ margin-top:-17px; width:34px; height:34px;}
}

@media screen and (max-width:1366px){
body{font-size:15px; line-height:28px;}	
.section{ padding:60px 0 70px 0;}
.sectionpre{ padding-top:60px;}
.sectionnext{ padding-bottom:70px;}
.iabout.section{ padding:100px 0;}
.title { margin-bottom:25px;}
.iproducts .swiper-slide .text h3{ font-size:18px;}
.isolution .conn .swiper-slide .text h3{font-size:18px;margin: 10px 0 5px 0;}
.title h4{font-size:32px; line-height:32px; margin-bottom:5px;}
.nmain .title h4{font-size:32px; line-height:32px;margin-bottom:5px;}
.title h3{ font-size:24px; }
.nmain .title h3{font-size:24px;}
.nbanner .text h3{font-size:35px; line-height:35px;}

.ntitle h4{ font-size:32px; margin-bottom:5px;}
.ntitle h3{ font-size:28px;}

.ndown #atabcontent .item .text p{ line-height:24px; height:72px; -webkit-line-clamp: 3;}
.nserlist .conn .item{ padding:40px;}
.nmain .pnav .protitle h3{ font-size:20px;line-height: 60px;padding: 0 15px;}
.nmain .pnav ul{padding: 0 15px 80px 15px;}
.nmain .pnav ul li .cont{padding: 15px 15px 20px 15px;}
.nmain .plists .item .text h3{ line-height:26px;}
.single-product-top .wenzi{padding: 20px 0;}
.single-product-top .swiper-button-next, .single-product-top .swiper-button-prev{ bottom:0%}
}
@media screen and (max-width:1240px){
.wrap{ width:88%;}
.iproducts .swiper-container{margin-left:6%;}
.iabout .wrap{margin-left:6%;}
.iabout .kuai01 .text{padding: 30px;}
.iabout .kuai02 .text{ float:left; padding:0 30px 30px 30px;}
.header .menu li .menu_a{ margin:0 17px;}

.banner .text h3{ width:70%; font-size:40px;line-height:40px;}
.banner .text h4{ width:70%;font-size:22px;}
.banner .text p{ width:70%; font-size:22px; }
.banner .swiper-slide{ overflow:hidden}
.banner .swiper-slide img{ display:block; width:110%; margin-left:-5%}
.nbanner .text h3{font-size:32px; line-height:32px;}
.nbanner img{ width:130%; margin-left:-15%;}
.ndown #atabcontent .item .text p{height:48px; -webkit-line-clamp: 2;}

.nprodowm{ margin-top:50px;}
.nprodowm .item a{ font-size:20px; line-height:70px;}
.nprodowm .item a span{ display:inline-block; position:relative; padding-left:38px;}
.nprodowm .item a span i{ margin-top:-15px; width:30px; height:30px;}
}
@media screen and (max-width:1140px){
.header .menu li .menu_a{ margin:0 15px;}	
.nmain .plists .item{ width:32%; }
.nmain .plists .item:nth-child(4n){ margin-right:2%}
.nmain .plists .item:nth-child(4n+1){ clear:none; }
.nmain .plists .item:nth-child(3n){ margin-right:0}
.nmain .plists .item:nth-child(3n+1){ clear:both; }

}
@media screen and (max-width:1024px){
.wrap{ width:92%;}
.iproducts .swiper-container{margin-left:4%;}
.iabout .wrap{margin-left:4%;}
.top{ display:none}
.header{ top:0;}
.header .menu{ display:none; }
.space{ height:80px;}
.menu-btn{ display:block;}

.title h4{font-size:28px; line-height:28px; margin-bottom:5px;}
.nmain .title h4{font-size:28px; line-height:28px;margin-bottom:5px;}
.title h3{ font-size:22px; }
.nmain .title h3{font-size:22px;}

.title02 h4{font-size:28px; line-height:28px}
.title02 h3{ font-size:22px; }

.banner .swiper-slide img{ width:120%; margin-left:-10%}
.iabout img{ width:120%; max-width:120%; margin-left:-10%}
.backtop, .backtop.cur { display:none}

.m-foot{ display:block}
.footer{ margin-bottom:55px;}

.nbanner .text h3{font-size:28px; line-height:28px;}
.nbanner img{ width:140%; margin-left:-20%;}
.ntitle h4{ font-size:28px;}
.ntitle h3{ font-size:24px;}

.hrlist li .tit{ font-size:20px; padding:20px 0 15px;}
.nserlist .conn .item .text h3{ font-size:18px;}

.nmain .pdetail .single-product-top .picsshow{ float:none; width:100%;}
.nmain .pdetail .single-product-top .wenzi{ float:none; width:100%}
}
@media screen and (max-width:920px){
.header .wrap{ height:70px;}
.header .wrap .logo{ margin-top:-10px;}
.header .wrap .logo img{ height:20px;}
.space{ height:70px;}
.menu-btn{ height:70px; }
.menu-btn .line1{ margin-top:28px;}

.section{ padding:50px 0 60px 0;}
.sectionpre{ padding-top:50px;}
.sectionnext{ padding-bottom:60px;}
.iabout.section{ padding:80px 0;}
.banner .text h3{ width:80%; font-size:30px;line-height:30px;}
.banner .text h4{ width:80%;font-size:20px;}
.banner .text p{ width:80%; font-size:20px; }
.banner .swiper-slide img{ width:140%; margin-left:-20%}
.isolution .conn .swiper-slide .icon, .isolution .conn .swiper-slide .icon img{ height:50px;}
.iabout .title p{ width:94%}
.iabout .kuai01 .text{ float:none; margin-top:0; padding:20px 0; width:100%; height:auto}
.iabout .kuai02 .text{ float:none; padding:20px 0px; width:100%; height:auto}
.iabout .wrap{ position:relative; left:auto; top:auto;}
.inews .swiper-slide{padding: 25px 20px 30px 20px}
.inews .dmore{ margin-top:25px;}
.nbanner img{ width:150%; margin-left:-25%;}
.ntitle{ padding-left:25px;}
.nab01 .text .company{ padding-left:25px;}
.nlx .conn{margin-left:27px;}
.nhr01 .text .conn{padding-left:27px;}
.nserdetail .ndetail{padding-left:27px;}
.nab01 .text .conn{padding-left:27px;}
.nser01 .conn .text .con_text, .nab02 .text .conn, .nab03 .text .conn{ padding-left:27px;}
.ntitle{ margin-bottom:25px}
.feedback .fdtitle{ margin-bottom:20px}

.nlx{ float:none; width:100%; margin-bottom:50px;}
.feedback{ float:none; width:100%}

.nhr01 .npic{ width:100%; float:none; margin-bottom:30px; }
.nhr01 .text{ width:100%; float:none;}
.hrlist li .hd .hr_con{ width:360px;margin-left:-180px; padding:20px;}
.hrlist li .hd .closed{ width:30px; height:30px; background:url(../images/close.png) no-repeat center; background-size:cover; right:calc(50% - 160px);}
.hrlist li .hd .hr_con .tit_hd{ font-size:20px;}
.ncaselist .item h3{ font-size:16px;}

.nserdetail .ntitle h3{ font-size:28px; margin-bottom:5px;}
.nserdetail .ntitle p{ font-size:17px;}

.nser01 .conn .npic{ float:none; width:100%; margin-bottom:30px;}
.nser01 .conn .text{ float:none; width:100%}

.ndown #atabcontent .item{ width:48.5%; margin-right:3%; margin-top:3%; padding:20px; }
.ndown #atabcontent .item:nth-child(3){margin-top:3%}
.ndown #atabcontent .item:nth-child(3n){margin-right:3%;}
.ndown #atabcontent .item:nth-child(3n+1){ clear:none;}
.ndown #atabcontent .item:nth-child(2n){margin-right:0%;}
.ndown #atabcontent .item:nth-child(2n+1){ clear:both;}

.nab05 .ntitle .jian{ position:relative;right: auto; bottom: auto; margin-top:10px;}

.phshow{ display:block !important}
.pcshow{ display:none !important}
.nserlist .conn .item{ padding:20px 20px 30px 20px;}

.nmain .plists .item{ width:48.5%; margin-right:3%; margin-bottom:3%}
.nmain .plists .item:nth-child(3n){ margin-right:3%}
.nmain .plists .item:nth-child(3n+1){ clear:none; }
.nmain .plists .item:nth-child(2n){ margin-right:0}
.nmain .plists .item:nth-child(2n+1){ clear:both; }

.single-product-top .protitle h3{ font-size:20px;}

.nprodowm{ margin-top:40px;}
.nprodowm .item a{ font-size:18px; line-height:60px;}
.nprodowm .item a span{ padding-left:35px;}
.nprodowm .item a span i{ margin-top:-14px; width:28px; height:28px;}

}
@media screen and (max-width:640px){
.wrap{ width:94%;}
.top .wrap, .header .wrap{ width:94%; max-width:94%;}
.iproducts .swiper-container{margin-left:3%;}
.iabout .wrap{margin-left:3%;}
.banner .swiper-slide img{ width:160%; margin-left:-30%}
.section{ padding:40px 0 50px 0;}
.sectionpre{ padding-top:40px;}
.sectionnext{ padding-bottom:50px;}
.iabout.section{ padding:60px 0;}

.title h4{font-size:24px; line-height:24px;}
.nmain .title h4{font-size:24px; line-height:24px;}
.title02 h4{font-size:24px; line-height:24px}

.banner .text h3{ width:80%; font-size:24px;}
.banner .text h4{ width:80%;font-size:18px; line-height:22px;}
.banner .text p{ width:80%; font-size:18px; }
.banner .text h3{ margin-bottom:10px;}
.banner .swiper-button-prev, .banner .swiper-button-next{ width:32px; height:32px; bottom:20px}
.banner .swiper-button-prev{ right:40px;}
.iproducts .swiper-container{ margin-right:3%; margin-top: -25px;}

.iproducts .swiper-button-prev{ left:auto; right:36px}
.iproducts .swiper-button-next{ left:auto; right:5px }
.footer li:nth-child(2), .footer li:nth-child(3), .footer li:nth-child(4){ display:none}
.footer .fcontent{ padding:45px 0;}
.nbanner .text h3{font-size:24px; line-height:24px;}
.nbanner img{ width:180%; margin-left:-40%;}

.ntitle h4{ font-size:24px;}
.ntitle h3{ font-size:22px;}
.hrlist li .tit{ font-size:18px; padding:20px 0 15px;}

.ncaselist .item{ float:left; width:48.5%; margin-right:3%; margin-bottom:40px; text-align:center; }
.ncaselist .item:nth-child(3n){ margin-right:3%}
.ncaselist .item:nth-child(3n+1){ clear:none; }
.ncaselist .item:nth-child(2n){ margin-right:0}
.ncaselist .item:nth-child(2n+1){ clear:both; }

.nserdetail .ntitle h3{ font-size:24px;}
.nserdetail .ntitle p{ font-size:16px;}

.nab01:after { width:100%}
.nab01 .npic{ width:100%; float:none; margin-bottom:30px;}
.nab01 .text{width:100%; float:none}

.nab02 .npic{ width:100%; float:none; margin-bottom:30px;}
.nab02 .text{ width:100%; float:none}

.nab03 .npic{  width:100%; float:none; margin-bottom:30px; }
.nab03 .text{ width:100%; float:none}

.nserlist .conn .item{ width:48.5%; margin-right:3%; margin-bottom:20px}
.nserlist .conn .item:nth-child(3n){ margin-right:3%}
.nserlist .conn .item:nth-child(3n+1){ clear:none}
.nserlist .conn .item:nth-child(2n){ margin-right:0}
.nserlist .conn .item:nth-child(2n+1){ clear:both}
.single-product-top .protitle h3{ margin-bottom:15px;}

.nnews .newskuai .text h3{ font-size:17px; margin:10px 0 8px 0;}
.nnews .newskuai .pic{ float:none; width:100%}
.nnews .newskuai .text{ float:none; width:100%}
}

@media screen and (max-width:540px){
.banner .swiper-slide img{ width:140%; margin-left:-20%}	
.banner .text h3{ margin-bottom:8px;}
.bottom .title p span{ display:block; height:1px !important;}
.bottom .title p{ font-size:16px;}
.nbanner img{ width:200%; margin-left:-50%;}

.hrlist li{ width:100%; margin-right:0%; margin-top:20px; padding:15px;}
.hrlist li:nth-child(2), .hrlist li:nth-child(3){ margin-top:20px; }

.nserdetail .ntitle h3{ font-size:22px;}
.ndown #atabcontent .item{ width:100%; margin-right:0px; margin-top:20px; padding:20px; }
.ndown #atabcontent .item:nth-child(3){margin-top:0%}
.ndown #atabcontent .item:nth-child(3n){margin-right:0%;}
.ndown .ntitle .tabmenu{ position:relative; margin-top:10px;}
.ndown .tabmenu li{ margin-left:auto; margin-right:15px; }

.nmain .pnav{ float:none; width:100%; margin-bottom:30px;}
.nmain .plists{float:none; width:100%}
.nmain .pdetail{float:none; width:100%}

.banner .text p{ display:none}

.nprodowm{ margin-top:35px;}
.nprodowm .item a{ font-size:16px; line-height:60px;}
.nprodowm .item a span{ padding-left:30px;}
.nprodowm .item a span i{ margin-top:-12px; width:24px; height:24px;}
} 

@media screen and (max-width:450px){

.ncaselist .item{width:100%; margin-right:0%; float:none }
.ncaselist .item:nth-child(3n){ margin-right:0%}

.nserlist .conn .item{ width:100%; margin-right:0%; }
.nserlist .conn .item:nth-child(3n){ margin-right:0%}
}